<script setup lang='ts' name="dashoard">
import { ref,reactive } from "vue"
import ProvinceCityAreaInterlock  from "@/components/ProvinceCityAreaInterlock/index.vue"


// 模拟数据
let province = ref({code: '13',name: "河北省"})
let city = ref({code: '1304', name: '邯郸市'})
let area = ref( {code: '130404', name: '复兴区'})



const getData = ({province, city, area}:any)=>{
  province.value = province
  city.value = city
  area.value = area
}


</script>




<template>
 <div class="app-container">
    <ProvinceCityAreaInterlock  :province="province" :city="city" :area="area" @change="getData"/>
 </div>
</template>



<style lang='scss' scoped>
 
</style>